<script setup>

import Son from "@/components/Son.vue";
import {ref} from "vue";

const count = ref(0);

setTimeout(() => {
  count.value++
}, 3000)
const add = (num) => {
  count.value += num
}
</script>

<template>
  <div class="f">
    {{ count }}
    <son :count="count" msg="hello"
         @add="add"
    />
  </div>
</template>

<style scoped>
.f {
  border: 1px aqua solid;
  padding: 30px;
}
</style>
